<template>
	<view>
		<image class="login_head" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-baf8b79d-d470-482b-a323-477b967ac823/13acc124-0d00-49d1-aba3-cd428519013b.png">
			<text class="Title_1">ComputerAssociationManagementEngineering</text>
			<text class="Title_2">计协服务平台-CAME</text>
			<image class="login_came" mode="aspectFit" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-baf8b79d-d470-482b-a323-477b967ac823/a1c77992-75a9-47c5-ae2f-2d7d3bfa421f.png"></image>
		</image>
		
		<view>
			<view class="login_home">
				<view class="lh_k1">
					<image class="lh_k_icon" mode="widthFix" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-baf8b79d-d470-482b-a323-477b967ac823/950719f9-3efe-4a34-a8f2-c827c4a64594.svg">
					<view class="lh_k_user">账号：</view>
					<input class="lh_k_user_in"  type=" number" maxlength="12" placeholder="请输入你的账号"/>
					<view class="hx"></view>
				</view>
				<view class="lh_k2">
					<image class="lh_k_lock" mode="widthFix" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-baf8b79d-d470-482b-a323-477b967ac823/f8dc3d4b-23d4-48b1-94c6-f880cd215993.svg"></image>
					<view class="lh_k_password">密码：</view>
					<input 
					class="lh_k_password_in"
					type="password"
					placeholder="请输入你的密码"
					/>
					<image class="lh_k_eye" mode="widthFix" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-baf8b79d-d470-482b-a323-477b967ac823/a0c0e776-f4fc-4126-8a5b-73acfc3df101.svg"></image>
					<view class="hx2"></view>
				</view>
			</view>
			
			<button class="signin" type="warn" @click="signin()">登录</button>
			
			<view class="signin_word"></view>
			<view class="Forgetpassword" @click="Forgetpassword()">
				忘记密码
			</view>
			<view class="register" @click="register()">
				注册
			</view>
		</view>
		
		<view class="PA">广西外国语学院计协项目出品</view>
		<image class="login_bottom" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-baf8b79d-d470-482b-a323-477b967ac823/51f3a6e9-e348-4e50-9601-4443ed9b9279.png"></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				account:"",
				password:""
			}
		},
		methods: {
			login(){
				console.log()
			},
			register(){
				uni.navigateTo({
					url:"../Ywork/login/register"
				})
			},
			Forgetpassword(){
				uni.navigateTo({
					url:"../Ywork/login/forget"
				})
			},
			signin(){
				uni.navigateTo({
					url:"../guangli/guangli"
				})
			},
		}
	}
</script>
<style>
	.login_came{
		/* CAME图标 */
		display: flex;
		margin-left: 4%;
		top: 60rpx;
		width: 190rpx;
		height: 136rpx;
	}
	.login_head{
		/* 页面背景图 */
		position: absolute;
		left: 0rpx;
		top: -2rpx;
		width: 100%;
		height: 450rpx;
	}
	.Title_1{
		/* ComputerAssociationManagementEngineering */
		position: absolute;
		margin-left: 10%;
		top: 200rpx;
		width: 410rpx;
		height: 107rpx;
		font-family: SourceHanSansCN-Regular;
		font-size: 11rpx;
		color: #FFFFFF;
	}
	.Title_2{
		/* 计协服务平台-CAME */
		position: absolute;
		left: 250rpx;
		top: 30rpx;
		width: 410rpx;
		height: 216rpx;
		font-family: SourceHanSansCN-Regular;
		font-size: 65rpx;
		font-weight: normal;
		color: #FFFFFF;
	}
	.login_home{
		/* 矩形 3 */
		position: absolute;
		left: 29rpx;
		top: 350rpx;
		width: 690rpx;
		height: 650rpx;
		border-radius: 8.93rpx;
		background: #FFFFFF;
		box-shadow: 2.23rpx 2.23rpx 2.23rpx rgba(0, 0, 0, 0.3);
	}
	.login_bottom{
		/* 波浪底图 */
		position: absolute;
		left: 0rpx;
		top: 1100rpx;
		width: 100%;
		height: 450rpx;

	}
	.lh_k1{
		/* 容器 1 */
		position: inherit;
		left: 40rpx;
		top: 110rpx;
		width: 371rpx;

		height: 61rpx;
	}
	.lh_k_icon{
		/* 用户路径 */
		display: flex;
		margin-left: 5%;
		margin-top: 2%;
		width: 52rpx;
	}
	.lh_k_user{
		/* 账号： */
		position: absolute;
		left: 90rpx;
		top: 10rpx;
		width: 150rpx;
		height: 20rpx;
		font-family: SourceHanSansCN-Regular;
		font-size: 50rpx;
		font-weight: normal;
		color: #2A4A76;
	}
	.lh_k_user_in{
		/* 矩形 8 */
		position: absolute;
		left: 205rpx;
		top: 20rpx;
		width: 340rpx;
		height: 36rpx;
		font-size: 40rpx;
		background: #FFFFFF;
	}
	.hx{
		/* 矩形 5 */
		position: absolute;
		left: 80rpx;
		top: 75rpx;
		width: 550rpx;
		height: 7rpx;
		transform: rotate(0.12deg);
		background: #7496BF;
	}
	.lh_k2{
		/* 容器 2 */
		position: absolute;
		left: 20rpx;
		top: 260rpx;
		width: 352rpx;
		height: 49rpx;
	}
	.lh_k_lock{
		/* 锁头路径 */
		display: flex;
		margin-left: 11%;
		margin-top: 3.5%;
		width: 52rpx;
	}
	.lh_k_password{
		/* 密码： */
		position: absolute;
		left: 105rpx;
		top: 5rpx;
		width: 150rpx;
		height: 29rpx;
		font-family: SourceHanSansCN-Regular;
		font-size: 50rpx;
		font-weight: normal;
		color: #2A4A76;
	}
	.lh_k_password_in{
		/* 容器 1 */
		position: absolute;
		left: 220rpx;
		top: 15rpx;
		width: 340rpx;
		font-size: 40rpx;
		height: 37rpx;
	}
	.lh_k_eye{
		/* 眼睛路径 */
		display: flex;
		margin-left: 160%;
		margin-top: -7%;
		width: 52rpx;
	}
	.hx2{
		/* 矩形 7 */
		position: absolute;
		left: 97rpx;
		top: 70rpx;
		width: 550rpx;
		height: 7rpx;
		transform: rotate(0deg);
		background: #7496BF;
	}
	.signin{
		/* 登录框 */
		position: absolute;
		left: 180rpx;
		top: 750rpx;
		width: 400rpx;
		height: 80rpx;
		background: #2A4A76;
	}
	.Forgetpassword{
		/* 忘记密码 */
		position: absolute;
		left: 100rpx;
		top: 920rpx;
		width: 120rpx;
		height: 27rpx;
		font-family: SourceHanSansCN-Regular;
		font-size: 30rpx;
		font-weight: normal;
		color: #9E9E9E;
	}
	.register{
		/* 注册 */
		position: absolute;
		left: 565rpx;
		top: 920rpx;
		width: 70rpx;
		height: 27rpx;
		font-family: SourceHanSansCN-Regular;
		font-size: 30rpx;
		font-weight: normal;
		color: #9E9E9E;
	}
	.PA{
		/* 广西外国语学院计协项目组出品 */
		position: absolute;
		left: 155rpx;
		top: 1010rpx;
		width: 427.98rpx;
		height: 30rpx;
		font-family: YouSheBiaoTiHei;
		font-size: 30rpx;
		font-weight: normal;
		text-align: center;
		color: #B6BBC4;
	}
</style>